<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<header th:fragment="commonHeader">
    <script rel="stylesheet" th:src="@{/static/common/js/jquery.min.js}"></script>
    <script rel="stylesheet" th:src="@{/static/common/js/toastr.min.js}" ></script>
    <link rel="stylesheet" th:href="@{/static/common/font/font-awesome-4.7.0/css/font-awesome.min.css}">
    <link rel="stylesheet" th:href="@{/static/common/css/toastr.css}">
    <script type="text/javascript" th:inline="javascript">
        var basePath = [[${#servletContext.contextPath}]];
        toastr.options = {
            closeButton: false,  // 是否显示关闭按钮，（提示框右上角关闭按钮）
            debug: false,        // 是否使用deBug模式
            progressBar: false,  // 是否显示进度条，（设置关闭的超时时间进度条）
            positionClass: "toast-always-center",// 设置提示款显示的位置
            onclick: null,       // 点击消息框自定义事件 
            showDuration: "300", // 显示动画的时间
            hideDuration: "1000",//  消失的动画时间
            timeOut: "2000",     //  自动关闭超时时间 
            extendedTimeOut: "1000",//  加长展示时间
            showEasing: "swing", //  显示时的动画缓冲方式
            hideEasing: "linear",//   消失时的动画缓冲方式
            showMethod: "fadeIn",//   显示时的动画方式
            hideMethod: "fadeOut"//   消失时的动画方式
        }
    </script>
</header>
</html>